<template>
  <section>
    <div class="contractContainer">
      <article>
       <div class="ruleNine">
         <p class="titleEleven"><b>第十一条 争议解决方法</b></p>
         <p>本合同在履行过程中发生的争议，由甲乙双方协商解决，协商不成的，可以通过下列方式解决：</p>
         <p class="contentOne">（一）提交中国广州仲裁委员会裁决； </p>
         <p class="contentTwo">（二）向租赁房屋所在地的人民法院起诉。</p>
         <p class="titleTwelve"><b>第十二条 房屋租赁登记备案</b></p>
         <p class="contentOne">
           （一）甲乙双方自行签订合同后30日内，由甲方办理租赁合同备案手续。甲方或者受托人可以通过下列方式，办理租赁合同备案。
            <!--（三）级别下面的细节补充-->
           <p>1.房屋所在地的备案受理点；</p>
           <p>2.广州市房屋租赁信息服务平台。</p>
         </p>
         <p class="contentTwo">
           （二）房屋租赁经营机构出租房屋，由经营机构办理租赁合同网上备案手续。
         </p>
         <p class="contentThree">
          （三）经房地产中介服务机构促成签订房屋租赁合同的，由房地产中介服务机构办理租赁合同网上备案手续。
         </p>
         <p class="titleThirteen"><b>第十三条  双方约定其他事项</b></p>
         <!--来自房源信息中房东的补充条约 -->
         <p class="addContractDetails">
           <span>无</span>
           <span></span>
           <span></span>
           <span></span>
         </p>
       </div>
      </article>
    </div>
  </section>
</template>
<script>
export default {
  props: ['contractDetail'],
  data () {
    return {
      // contract: this.contractDetail.contract,
      // renter: this.contractDetail.renter,
      // landlord: this.contractDetail.landlord,
      // order: this.contractDetail.order,
      // renterPerson: this.contractDetail.renterPerson
    }
  },
  methods: {}
}
</script>
<style lang="less" scoped>
 section{
    width: 100%;
    height: 100%;
    line-height:1;
    overflow:hidden;
  }
  .contractContainer{
    position: relative;
  }
   .contractRule{
     margin-top:2rem;
     text-indent: 1.25rem;
     font-size:0.8rem;
     line-height: 1.4;
   }
.ruleNine{
   font-size:0.8rem;
   line-height: 1.4;
   margin-top:1rem;
   text-indent:1.25rem;
}
.contentOne>table{
  width:100%;
}
.contentOneDetail,.addContractDetails>span{
    width: 60%;
    height: 1rem;
    font-size: 0.8rem;
    display:inline-block;
    line-height: 1.4;
    text-align: center;
    overflow: show;
    border-bottom:1px solid black;
}
.contentOneNum{
    width: 15%;
    height: 1rem;
    font-size: 0.8rem;
    display:inline-block;
    line-height: 1.4;
    overflow: show;
    border-bottom:1px solid black;
}
.contentOne,.contentTwo,.contentThree,.contentFour,.contentFive{
   line-height: 1.4;
   margin-bottom: 1rem;
}
.contentOneDetail{
    width:47%;
    text-align: center; 
   }
   .contractMemo{
     width: 78%;
    height: 1rem;
    font-size: 0.8rem;
    display:inline-block;
    line-height: 1.4;
    text-align: center;
    overflow: show;
    border-bottom:1px solid black;
   }
   .addContractDetails>span{
     width: 100%;
   }
   .addContractDetails>span:nth-child(1){
     width:92%;
   }
</style>

